body { background: url(/images/bg_grad3.png) repeat-x; margin-top:1em }
#header { margin-bottom:1em}
#logo {}
#toplinks {text-align:right; padding-top:20px}
#toplinks a:hover {color:#CC3300}
#toplinks a.clockout { background: url(/images/clock.png) no-repeat; padding-left: 20px; font-weight:bold; color:#CC3300  }
#toplinks a.useredit { background: url(/images/user_edit.png) no-repeat; padding-left: 20px}
#toplinks a.signout { background: url(/images/link_break.png) no-repeat; padding-left: 20px}
#toplinks a.admin { background: url(/images/admin_icon.png) no-repeat; padding-left: 15px}

.extralinks {background:#eee; padding:10px}
.extralinks a:link {text-decoration:none; color:#006699; font-weight:bold; padding:0 5px}
.extralinks a:hover {text-decoration:underline}

ul#menubar { font-size:1em; background:#069 url(/images/bg_menubar.png) repeat-x bottom; overflow:auto; margin-bottom: 1em; padding:0; width:100% }
ul#menubar li {display:block; float:left;margin:0}
ul#menubar li a {display:block; background:#069 url(/images/bg_menubar.png) repeat-x bottom; padding:.7em .6em; color:#fff; text-decoration:none; border-right:solid 1px #fff; border-top:none; border-bottom:none; border-left:none}
ul#menubar li a.current, ul#menubar li a:hover{background:#f90}

#main { background: url(/images/bg_footer.png) repeat-x left bottom; padding-bottom: 8em; }
#main h1 { font: italic 1.9em Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #CCCCCC; padding-bottom:5px}

.breadcrumbs {margin-bottom:1em; font-size:1.2em}
.breadcrumbs a {font-weight:bold;color:#CC3300}
.breadcrumbs a:hover {color:#006699; text-decoration:none}

.admin_links { background:#EAEAEA; padding:10px; border:solid 1px #ccc; margin-bottom:1em }
.admin_links a:hover {text-decoration:none}

.tb_listing {border-left:solid 1px #999; border-top:solid 1px #999}
.tb_listing th {background:#5f7a29; color:#fff}
.tb_listing tr.month,.tb_listing tr.month:hover {background:#99bc53; color:#fff}
.tb_listing tr.month td {border:none}
.tb_listing tr.even {background:#ddd}
.tb_listing tr:hover {background:#bbb}
.tb_listing h3 {margin:5px 0; color:#fff}
.tb_listing td, .tb_listing th {border-right:solid 1px #999; border-bottom:solid 1px #999}
.tb_listing .warning {color:#FF0000; font-weight:bold}
.tb_listing td.fd { background: #990000}
.tb_listing td.hd { background: #0084FF }
.tb_listing td.pfa { background: #FFD154 }
.tb_listing td.mdl { background: #9FD256 }
.tb_listing td.mtl { background: #CC00C0 }
.tb_listing td.ptl { background: #DE9DEC }
.tb_listing td.mrl { background: #3E757B }
.tb_listing td.ph { background: #000000 }
.tb_listing td.cl { background: #79CDFF }
.tb_listing td.el { background: #28852F }
.tb_listing td.ul { background: #FF0000 }
.tb_listing td.hz { background: #FF8400 }

.tb_listing2 {border-left:solid 1px #999; border-top:solid 1px #999}
.tb_listing2 td, .tb_listing2 th {border-right:solid 1px #999; border-bottom:solid 1px #999}
.tb_listing2 td.on { background:#66CC00 }
.tb_listing2 td.off { background:#FF0000 }

.admin_listing {border-left:solid 1px #999; border-top:solid 1px #999}
.admin_listing th {background:#c3d9ff}
.admin_listing tr:hover {background:#ddd}
.admin_listing h3 {margin:5px 0; color:#fff}
.admin_listing td, .admin_listing th {border-right:solid 1px #999; border-bottom:solid 1px #999}

.form {background:#ececec}
.form th {background:#99bc53; color:#fff; font-size:1.1em}
.form th, .form td {padding:.5em 1em; border-bottom:solid 1px #ccc}
.ovw_notice {background:#b3d3e6; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:1em }
.ovw_notice h2 {font-size:1.2em; text-transform:uppercase; font-weight:bold; padding:8px 10px 5px;margin-bottom:0}
.ovw_notice ul {list-style:none; padding:0; margin:0; font-size:.9em}
.ovw_notice ul li.odd {padding:10px; background:#e6e6e6}
.ovw_notice ul li.even {padding:10px}
.ovw_notice ul li a {text-decoration:none}
.ovw_notice ul li:hover {background:#cfe7f5}

.ovw_leave h2 {font-size:1.2em; text-transform:uppercase; font-weight:bold; border-bottom:solid 1px #ccc; margin-bottom:0}
.ovw_leave {background:#e7e7e7; -moz-border-radius: 10px; border-radius: 10px; padding:10px; margin-bottom:1em}

.cal {width:100px; background:#fff; border:solid 1px #ccc}
.cal th {background:#CCCCCC}
.cal th, .cal td {padding:0; border:solid 1px #ccc}
.cal th, .cal td a {padding:.4em .5em; text-align:center}
.cal td a {display:block}
.cal td a:hover {background:#FFCC00}
.cal td a.fd { background: #990000}
.cal td a.hd { background: #0084FF }
.cal td a.pfa { background: #FFD154 }
.cal td a.mdl { background: #9FD256 }
.cal td a.mtl { background: #CC00C0 }
.cal td a.ptl { background: #DE9DEC }
.cal td a.mrl { background: #3E757B }
.cal td a.ph { background: #000000 }
.cal td a.cl { background: #79CDFF }
.cal td a.el { background: #28852F }
.cal td a.ul { background: #FF0000 }
.cal td a.hz { background: #FF8400 }

.cal td a.fd,
.cal td a.hd,
.cal td a.pfa,
.cal td a.mdl,
.cal td a.mtl,
.cal td a.ptl,
.cal td a.mrl,
.cal td a.ph,
.cal td a.cl,
.cal td a.el,
.cal td a.ul,
.cal td a.hz { color: #FFF }


.cal_date {font-size:1.6em; margin-bottom:0; color:#555}

.ovw_visitor {background:#e7e7e7; -moz-border-radius: 10px; border-radius: 10px; padding:10px; margin-bottom:1em}
.ovw_visitor h2 {font-size:1.2em; color:#cc3300; text-transform:uppercase; font-weight:bold; padding:0 0 5px;margin-bottom:0}
.ovw_visitor table {background:#fff; border:solid 1px #ccc; margin-bottom:5px}
.ovw_visitor table th {background:#cc3300; color:#fff}
.ovw_visitor table td {border:solid 1px #ccc}
.ovw_visitor table a {display:block}
.ovw_visitor table tr:hover {background:#ddd}
.ovw_visitor table a:hover { background: url(/images/ico_more_red.png) no-repeat right; }

.ovw_meeting {background:#e7e7e7; -moz-border-radius: 10px; border-radius: 10px; padding:10px; margin-bottom:1em}
.ovw_meeting h2 {font-size:1.2em; color:#669900; text-transform:uppercase; font-weight:bold; padding:0 0 5px;margin-bottom:0}
.ovw_meeting table {background:#fff; border:solid 1px #ccc; margin-bottom:5px}
.ovw_meeting table th {background:#669900; color:#fff}
.ovw_meeting table td {border:solid 1px #ccc}
.ovw_meeting table a {display:block}
.ovw_meeting table tr:hover {background:#ddd}
.ovw_meeting table a:hover { background: url(/images/ico_more_green.png) no-repeat right; }

#footer { text-align:center; border-top: 1px solid #999; padding: 10px 0; }

.pagination {text-align:right; margin-bottom:.8em; padding:.3em 0}
.pagination a { background:#666; padding:.4em .6em; color:#fff; text-decoration:none}
.pagination a:hover { background:#339900 }

.aligncenter, div.aligncenter {	display: block;	margin-left: auto; margin-right: auto; text-align:center }
.alignleft { float: left}
.alignright {	float: right }
form .button {padding:.5em 1em}
.tb_search {margin-bottom:1em; background:#ddd; border:solid 1px #bbb ; padding-left:.5em}

.fieldWithErrors { display: inline }
#errorExplanation { border: 2px solid #CF0000; padding: 0px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0 }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: 0; background-color: #c00; color: #fff }
#errorExplanation p { color: #333; margin-bottom: 0; padding: 8px }
#errorExplanation ul { margin: 2px 24px;}
#errorExplanation ul li { font-size: 12px; list-style: disc;}

.whiteboard {list-style:none; padding-left:0}
.whiteboard li.odd {background:#F7E359; border:solid 1px #CCCCCC; width:50%; padding:10px; margin-bottom:5px; -moz-border-radius: 10px; border-radius: 10px}
.whiteboard li.even {background:#FCF9C2; border:solid 1px #CCCCCC; width:50%; padding:10px; margin-bottom:5px; margin-left:40px; -moz-border-radius: 10px; border-radius: 10px}
